@charset "UTF-8";






@media (max-width: 768px) {
	#wrapper { background: #fff; position: relative; width:100%; margin-top:66px; }

.content{ padding-bottom:30px;}
.ny_content{padding-bottom:30px;}
	
.tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(../img/banner_left.png) no-Repeat; width: 38px; height:76px; margin-left: 0px; margin-top: -56px; background-size:38px;}
.tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(../img/banner_right.png) no-Repeat 0 0; width: 38px; height: 76px; margin-left: 0; margin-top: -56px; background-size:38px; }


.content .title{ font-size:20px; text-align:center; padding:15px 0; font-weight:bold; }


.content .product_center{ background:#e6e6e6; clear:both; overflow:hidden; padding:30px 0;}
.content .product_center .demo { }
.col-md-4{ width:42%; margin:0 1% 20px 1%; float:left; background:#fff; padding:20px 3%;}
.product-grid {  }
.product-grid .product-image { overflow: hidden; position: relative; display: block; }
.product-grid .product-image:before { content: ""; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
.product-grid .product-image img { width: 100%; height: auto; }
/*.product-grid .pic-1 { opacity: 1; transform: rotateY(0); transition: all 0.5s ease-out 0s; }
.product-grid:hover .pic-1 { opacity: 0; transform: rotateY(-90deg); }
.product-grid .pic-2 { position: absolute; top: 0; left: 0; opacity: 0; transform: rotateY(-90deg); transition: all 0.5s ease-out 0s; }
.product-grid:hover .pic-2 { opacity: 1; transform: rotateY(0deg); }*/
.product-grid .discount { width: 100%; font-size: 14px; font-weight: 700; }
.product-grid .discount strong{ color:#636363;}
.product-grid .product-content { padding: 15px 0; }
.product-grid .title { font-size: 14px; padding:10px 0; text-align:left; font-weight:normal; text-transform: capitalize; margin: 0 0 5px 0; }
.product-grid .price { font-size: 12px;  margin-bottom: 0px; }
.product-grid .price  a{ background:#1d55a1; padding:3px 10px; max-width:70px; text-align:center; color:#fff; font-size:14px; line-height:24px; display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;}
.product-grid .price  a:hover{ padding:3px 20px; color:#fff; background:#bc131a;}
.product-grid .rating { padding: 0; margin: 0; list-style: none; }
.product-grid .rating li { display: inline-block; font-size: 10px; color: #ffc000; }

.content .yycj{ padding:20px 0;}
.case {display: inline-block;padding-top: 0;}
.case ul {margin: 0 auto;}
.case>ul li p{ text-align:center; font-size:14px; line-height:35px; margin-bottom:10px;}
.case>ul li {display: inline-block; width:100%; float:left; margin:0 0%;}
.case .grid-content {position: relative;overflow: hidden;}
.case .grid-content>img {width:100%;display: inline-block;background: #ccc;}
.case .grid-content .grid-shade {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: #5E5E5E;font-size: 14px;display: none;}
.case .grid-content .grid-shade .grid-enter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.case .grid-content .grid-shade .grid-enter a {color: #eee;}
.case .grid-content .grid-shade .grid-enter>img {width: 28px;vertical-align: top;margin-top: 10px;}

.content .home_banner{ background:url(../img/youshi_bg.jpg) no-repeat center; padding:34px 0; clear:both; overflow:hidden;}
.content .home_banner h4{ font-size:26px; padding:20px 0;}
.content .home_banner p{ font-size:14px; padding:0 0 20px 0;}
.content .home_banner img{  width:100%;}
.content .home_banner ul li{ text-align:center;float:left; width:100%; max-width:71px; margin-right:20px; line-height:36px; font-size:12px;}

.content .case_center{ background:#e6e6e6; padding:30px 0; clear:both; overflow:hidden;}
.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none; }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }
  .bellows .bellows__item{ float:left; width:100%; margin:0 0% 20px 0%;}
  .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bellows__header { position: relative; line-height:24px; padding:11px 45px 11px 15px;background:#fff; -webkit-tap-highlight-color: transparent; font-size:14px; }
.bellows__item img{ width:100%;}
.bellows__header:active { background: #bc131a; color:#fff; }
.bellows__header::before, .bellows__header::after { content: ''; position: absolute; top: 50%; right: 15px; z-index: 2; display: block; width: 16px; height: 4px; margin-top: -2px; background:#1d55a1; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
.bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.bellows__item:last-child > .bellows__header { border-bottom: 0; }
.bellows__header h1,  .bellows__header h2,  .bellows__header h3,  .bellows__header h4 { margin: 0; }
.bellows__content { font-size:14px; line-height:28px; background:#fff; padding:0 15px 15px 15px; }
.bellows__content .bellows { margin-top: 20px; }




.content .news_center{ clear:both; overflow:hidden; padding-top:30px;}
.content .news_center .title2{ text-align:right; font-size:14px; line-height:35px;}
.content .news_center p{display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; font-size:14px; margin-bottom:20px;}
.content .news_center .more{ float:left;margin-right: 20px; }
.content .news_center .more a{ background:#1d55a1; padding:5px 10px; color:#fff; font-size:14px; line-height:24px; display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;}
.content .news_center .more a:hover{ padding:5px 20px; color:#fff; background:#bc131a;}
.content .news_center .date{ float:left;line-height:34px;}
.content .news_center .news_left{ float:left; width:100%; clear:both; overflow:hidden;margin-bottom: 10px;}
.content .news_center .news_left img{ width:100%; margin-bottom:15px;}
.content .news_center .news_right{ float:left; width:100%;}
.content .news_center .news_right dl{ margin-bottom:10px; clear:both; overflow:hidden; border-bottom: 1px dashed #ccc;}
.content .news_center .news_right dl dt { float:left; width: calc(100% - 180px); border-bottom:0px dashed #ccc; padding-bottom:20px;}
.content .news_center .news_right dl dt p{ margin-bottom:20px; margin-top:0px;}
.content .news_center .news_right dl dd{ float:right; width:180px;}
.content .news_center .news_right dl dd img{ width:100%;} 


.fw_con .tab_menu li a { width: 100%; font-size: 14px; float: left; border-bottom: 1px solid #ccc; display: block; text-align: center; height: 34px; line-height: 34px;}

.fw_con .search{ clear:both; overflow:hidden;  width:100%; max-width:626px; margin:30px auto 30px auto;}
.fw_con .search input{ float:left; border:1px solid #636363; height:35px; line-height:35px;width: calc(100% - 92px);}
.fw_con .search input.btn{ float:left; background:#636363; color:#fff; font-size:14px; height:37px; line-height:37px; width:90px; text-align:center; cursor:pointer;}
.fw_con .ny_nav{  height:35px; line-height:35px; font-size:14px;}
.fw_con .ny_nav a{ width:20%; float:left;border-bottom:1px solid #ccc; display:block; text-align:center; height:34px; line-height:34px;}
/*.fw_con .ny_nav a:hover,.fw_con .ny_nav a.dq{ color:#000; border-bottom:1px solid #000;}*/
.fw_con .fw_title1{ font-size:18px; text-align:center; height:45px; line-height:45px;}
.fw_con .xuxian{ height:1px; border-bottom:1px dashed #ccc;}
.fw_con img{ width:100%; margin-bottom:20px;}



.fw_con ul.wenti{ width:100%; margin:0 auto; max-width:100%; padding:20px 0 0 0;}
.fw_con ul.wenti li{ height:24px; line-height:24px; font-size:14px; padding:10px 0;}
.fw_con ul.wenti li a.more{ width:88px; border:1px solid #ccc; height:22px; line-height:22px; float:right; text-align:center;}
.fw_con ul.wenti li a.more:hover{ color:#fff; background:#bc131a;border:1px solid #bc131a;}
.fw_con ul.wenti li p{width: calc(100% - 100px); float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


.fw_con ul.wenti2{ width:100%; margin:0 auto; max-width:100%; padding:20px 0 0 0;}
.fw_con ul.wenti2 li{ height:24px; line-height:24px; font-size:14px; padding:10px 0; border-bottom:1px dashed #ccc;}
.fw_con ul.wenti2 li a.more{ width:88px;  height:22px; line-height:22px; float:right; text-align:right; }
.fw_con ul.wenti2 li a.more:hover{ color:#bc131a;}
.fw_con ul.wenti2 li p{width: calc(100% - 100px); float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


/*.fw_con .jxs{ padding:10px 0 0 0;}
.fw_con .fw_title2{ font-size:16px;  height:50px; line-height:50px;}
.fw_con .jxs dl dt{ float:left; width:100%; margin-right:0%;}
.fw_con .jxs dl dd{ float:left; width:100%; font-size:14px; line-height:25px; margin-bottom:10px ; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.fw_con .jxs dl dd p{ margin-bottom:0; /*font-weight:bold;*1/ font-size:14px;}
.fw_con .jxs span{ float:left; width:100%; display:block; line-height:30px; font-size:14px;}
.fw_con .jxs input{ border:1px solid #636363; float:left; line-height:34px; font-size:14px; margin-bottom:15px; width: calc(100% - 2px); margin-right:0; }
.fw_con .jxs textarea{ width:100%; min-height:200px; margin-bottom:15px;}
.fw_con .jxs input.btn{ max-width:90px; color:#fff; text-align:center; background:#636363; border:0; cursor:pointer;}*/

.fw_con .jxs dl dt{ float:left; width:100%; margin-right:0%;line-height: 25px;}
.fw_con .jxs dl dd{ float:left; width:100%; font-size:14px; line-height:25px; margin-bottom:10px ; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.fw_con .jxs dl dd p{ margin-bottom:0; /*font-weight:bold;*/ font-size:14px;}
.feedbook{width:100%;}
.feedbook .feedbookw{ padding:10px 0 0 0;width: 99%;}
.feedbook .feedbookw .fw_title2{ font-size:16px;  height:50px; line-height:50px;}
.feedbook .feedbookw span{ float:left; width:100%; display:block; line-height:30px; font-size:14px;}
.feedbook .feedbookw input{ border:1px solid #636363; float:left; line-height:34px; font-size:14px; margin-bottom:15px; width: calc(100% - 2px); margin-right:0; }
.feedbook .feedbookw textarea{ width:100%; min-height:130px; margin-bottom:15px;}
.feedbook .feedbookw input.btn{ max-width:90px; color:#fff; text-align:center; background:#636363; border:0; cursor:pointer;}


.fw_con .xiazai{font-size:14px;}
.fw_con .xiazai .xiazai_title{ height:14px; line-height:14px; border-left:6px solid #636363; padding-left:4px; margin-bottom:10px; }
.fw_con .xiazai  ul{ margin-bottom:10px; clear:both; overflow:hidden;}
.fw_con .xiazai  ul li.title80{ float:left; width:100%; margin-bottom:10px; text-indent:10px;}
.fw_con .xiazai  ul li.title8{ float:left; width:20%; margin-bottom:10px; text-indent:10px;}
.fw_con .xiazai  ul li a{ /*border:1px solid #ccc; display:block; padding:0 0; max-width:4em;*/ text-align:center; text-indent:0;}
.fw_con .xiazai  ul li a:hover{color:#fff; background:#bc131a; border:1px solid #bc131a;}

.video_list ul li.an span {width: 320px; height: 80px; margin-top: -170px; background: url(../img/video.png) center center no-repeat; position: absolute; display: block;}


.youshi{ padding-top:24px; clear:both; overflow:hidden;}
.youshi .youshi_nav{ padding:30px 3%; }
.youshi .youshi_nav a{ font-size:18px; line-height:45px; display:block; padding:0 0 0 8%;}
.youshi .youshi_nav a:hover,.youshi .youshi_nav a.dq{ color:#000;}
.youshi .youshi_nr{ }
.youshi .youshi_nr img{ width:100%; margin:15px 0;}
.youshi .youshi_nr .youshi_title1{ font-size:18px; text-align:center; padding:10px 0;}
.youshi .youshi_nr .text_center{ font-size:14px; text-align:center;}
.youshi .youshi_nr p{ font-size:14px; line-height:30px;  max-width:none;}
.youshi .youshi_nr ul li{ float:left; width:50%; text-align:center; font-size:14px;}
.youshi .youshi_nr ul li a{ border:1px solid #999; padding:4px 20px;;}
.youshi .youshi_nr ul li a:hover{border:1px solid #bc131a; color:#fff; background:#bc131a;}
.youshi .box{ overflow:hidden;}
.youshi .sub{  float:left; display:none;width:280px; background:#fff; padding:0; position:relative;}
.youshi .fixed{  margin-top:0px;  top:30px; background:#fff; width:280px;  }
.youshi .main{ float:left;width:94%; background:#fff; padding:18px 3%;}




.products .con1,.products .con2,.products .con3,.products .con4{ padding:25px 0 25px 0; clear:both; overflow:hidden;}
.products .pro_title1{ font-size:20px; text-align:center; padding-bottom:15px;}
.products .pro_text{ font-size:12px; text-align:center; padding-bottom:15px;}
.products .img1{ width:100%; margin:0 auto; max-width:912px;}
.products .img1 ul li{ float:left; width: calc(25% - 8px); margin-right:8px; text-align:center;}
.products .img1 ul li p{ padding:14px 0;}


.products img{ width:100%;}
.products .con1 dl{ clear:both; overflow:hidden; padding-bottom:20px;}
.products .con1 dl dt{ float:left; width:100%;}
.products .con1 dl dt img{ max-width:426px;}
.products .con1 dl dd{ float:left; width:100%;}
.products .con1 dl dd ul li{ float:left; width:40%; margin-right:10%;}
.products .con1 dl dd ul li h5{ font-size:15px; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:15px;}
.products .con2 ul li{ float:left; width:100%; margin-right:0%;}
.products .con2 ul li p{ font-size:14px; margin-bottom:25px;}
.products .con2 ul li img{ margin-bottom:5px; max-width:450px;}

.products .con4 .anniu{ display:none;}
.products .con4 .anniu a{ font-size:14px; color:#fff; background:#636363; padding:4px 10px;}


.yingyong .con1,.yingyong .con2,.yingyong .con3{ padding:25px 0; clear:both; overflow:hidden;}
.yingyong img{ width:100%;}
.yingyong .yy_title{ font-size:20px; text-align:center; margin-bottom:10px;}
.yingyong .yy_text{ text-align:center; font-size:14px; margin-bottom:15px;}
.yingyong .yy_title2{ font-size:20px;}
.yingyong .con3 .yy_title2{ border-bottom:1px solid #cccccc; line-height:46px; margin-bottom:24px;}
.yingyong .con2 ul li{ float:left; width:100%;}
.yingyong .con2 ul li dl{ width:100%; max-width:443px; margin:12px 0; clear:both; overflow:hidden;}
.yingyong .con2 ul li dl dt{ float:left;font-size:14px; line-height:20px;}
.yingyong .con2 ul li dl dd{ float:right; }
.yingyong .con2 ul li dl dd a{ color:#767676; font-size:14px; width:107px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc; display:block;}
.yingyong .con2 ul li dl dd a:hover{ color:#fff; background:#bc131a; border:1px solid #bc131a;}

.yingyong .con3 .hidden{ display: none;}
.yingyong .con3 .lanren{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;}
.yingyong .con3 .lanren ul.list{overflow: hidden;}
.yingyong .con3 .lanren .more{overflow: hidden;text-align: center;}
.yingyong .con3 .lanren .more a{display: block; border:1px solid #ccc; height:31px; line-height:31px;width: 95px;color:#636363;margin:0 auto;background:#fff;text-align:center;border-radius:0px; font-size:14px;}
.yingyong .con3 .lanren .more a:hover{text-decoration: none;background: #bc131a;color: #fff; border:1px solid #bc131a;}
.yingyong .con3 .lanren .more p{ font-size:14px;}
.yingyong .con3 .lanren li.kongbai{ margin-right:0%;}
.yingyong .con3 .lanren li{ float:left; width:100%; margin-bottom:32px;}
.yingyong .con3 .lanren li img{ width:100%;}
.yingyong .con3 .lanren li .text{ background:#f7f7f7; height:60px; line-height:30px; padding:0 12px; font-size:14px;}

.yingyong .con3 .lanren li .text a{ float:right;line-height:20px;text-align: left;}

.yingyong .con3 .lanren li .text span a{ float:left;line-height:30px;text-align: left;}

.yingyong .con3 .lanren li .text a:hover{ color:#bc131a;}


.case_nav{ background:#fff; margin-top:35px;padding:30px 10%; color:#636363;}
.case_nav a{ color:#636363;}
.case_nav .title3{ border-bottom:1px solid #ccc; clear:both; overflow:hidden; padding:5px 0; margin-bottom:10px;}
.case_nav .title3 span{ float:left; font-size:20px;}
.case_nav .title3 a{ float:right; font-size:14px;}
.case_nav ul li{ font-size:14px; line-height:35px;}
.case_nav ul.ul1 li a{ display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:100%;}
.case_nav ul.ul2 li{ line-height:20px;}
.case_nav ul.ul2 li a{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; height:40px; margin-bottom:18px;}

.case_nr dl{ clear:both; overflow:hidden; margin-bottom:21px; padding-bottom:21px; border-bottom:1px dashed #ccc; color:#636363; font-size:14px;}
.case_nr dl dt{ float:left;  width: calc(50% - 22px); margin-right:22px;}
.case_nr dl dt img{ width:100%;}
.case_nr dl dd{ float:left; width:50%}
.case_nr dl dd h3{ line-height:20px;overflow:hidden;/*text-overflow:ellipsis; white-space:nowrap;*/height: 60px;}
.case_nr dl dd span{ padding-right:10px;}
.case_nr dl dd a{color:#333;}
.case_nr dl dd p{ margin-top:8px;display:-webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; margin-bottom:7px;display: none;}
.case_nr dl a.more{  float:left;position: absolute;right: 0;bottom: 20px;}


.meiti .title4{ border-bottom:1px solid #ccc; display:none; clear:both; overflow:hidden; margin-bottom:22px;}
.meiti .title4 a{ display:block; float:left; width:33.333333%; text-align:center; font-size:14px; line-height:32px;}
.meiti .title4 a:hover,.meiti .title4 a.dq{ background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.meiti ul li.kongbai{ width:0%;}
.meiti ul li{ float:left; width:100%; position:relative; margin-bottom:15px;background:#f0f8ff;}
.meiti ul li img{ width:23%;}
.meiti ul li p{ background:#636363; color:#fff; font-size:12px; text-align:center; height:30px; line-height:30px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }






.kongbai2{ width:0%; float:left;}
.kongbai1{ width:0%; float:left;}
.fenx{margin-top: 40px;}

.nextyc{display: none;}
.case_xx{ color:#636363;}
.case_xx h1{ font-size:18px; text-align:center;}
.case_xx .text{ padding:10px 0; font-size:14px; text-align:center;max-height: 14px;overflow: hidden;margin-bottom: 40px;}

.case_xx .text span{ padding-right:10px;}
.case_xx .fenlei{ clear:both; overflow:hidden; padding-bottom:15px;}
.case_xx .fenlei ul li{ float:left; width:100%; margin-right:0%; font-size:14px; border-bottom:1px solid #ccc; margin-bottom:0; padding:5px 0;}
.case_xx p{ font-size:14px;}
.case_xx p img{ max-width:100%; margin-bottom:15px;}
.case_xx .sxp{ font-size:14px; line-height:28px;}
.case_xx .title5{ margin:13px 0; height:40px; line-height:40px; background:#767676; text-indent:18px; color:#fff; font-size:14px;}
.case_xx dl{ float:left; margin:0 18px 20px 18px; width: calc(100% - 36px); font-size:14px;}
.case_xx dl dt{ float:left; margin-right:18px;width: calc(40% - 18px); text-align:center;overflow:hidden;}
.case_xx dl dt img{ width:100%;}
.case_xx dl dd{ float:left; width:60%;}
.case_xx dl dd a{ display:block; line-height:29px; color:#636363;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }


.news_nav { background:#fff;padding: 30px 10%;    color: #636363; clear:both; overflow:hidden;}
.news_nav .sousuo{ border:1px solid #636363; clear:both; overflow:hidden;}
.news_nav input{ float:left; height:25px;width: calc(100% - 40px);}
.news_nav input.btn{ width:40px; background:#636363 url(../img/search2.png) no-repeat center; cursor:pointer; height:25px;}
.news_nav .ewm{ max-width:201px; margin:15px auto 0 auto; width:100%;}
.news_nav p{ font-size:14px; text-align:center; line-height:20px; margin-bottom:20px;}
.news_nav span{ float:left;overflow:hidden; display:block; width:24%;margin-left:20px; }
.news_nav span a{ display:block;width:24px;     height:22px;}
.news_nav span.bg1{ background:url(../img/link111.jpg) no-repeat;}
.news_nav span.bg2{ background:url(../img/link222.jpg) no-repeat;}
.news_nav span.bg3{ background:url(../img/link333.jpg) no-repeat;}


.news_title{ border-left:12px solid #636363; height:21px; line-height:21px;margin:12px 0; clear:both; overflow:hidden;}
.news_title h3{ float:left; font-size:18px; color:#636363; text-indent:6px;}
.news_title a{ float:right; font-size:14px;}
.news_img img{ width:100%; margin-bottom:20px;}
.news_nr ul{ clear:both; overflow:hidden;}
.news_nr ul li{ float:left; width:100%;  margin-bottom:22px;}
.news_nr ul li img{ width:100%;}
.news_nr ul li.marginr{ margin-right:0%;}



.map{padding:1px 1px 30px 1px; background:#fff; margin-top:0; overflow:hidden;}
.map_pic{float:left; position:relative; width:320px; height: 300px; background:url(../img/map01.jpg) no-repeat;background-size: 100%;}
.map_pic ul{position:absolute; width:100%; height:100%;}
.map_pic ul li{padding-top:15px;}
.map_pic ul li.guangdong{position:absolute; left:228px; top:190px; }
.map_pic ul li.guangxi{position:absolute; left:294px; top:215px; }
.map_pic ul li.hainan{position:absolute; left:202px; top:175px; }
.map_pic ul li.taiwan{position:absolute; left:248px; top:195px; }
.map_pic ul li.fujian{position:absolute; left:205px; top:170px; }
.map_pic ul li.jiangxi{position:absolute; left:278px; top:149px; }
.map_pic ul li.hunan{position:absolute; left:226px; top:155px; }
.map_pic ul li.guizhou{position:absolute; left:365px; top:170px; }
.map_pic ul li.yunnan{position:absolute; left:288px; top:103px; }
.map_pic ul li.sichuan{position:absolute; left:210px; top:116px; }
.map_pic ul li.chongqing{position:absolute; left:274px; top:119px; }
.map_pic ul li.hubei{position:absolute; left:226px; top:109px; }
.map_pic ul li.zhejiang{position:absolute; left:228px; top:130px; }
.map_pic ul li.shanghai{position:absolute; left:242px; top:185px; }
.map_pic ul li.jiangsu{position:absolute; left:222px; top:162px; }
.map_pic ul li.anhui{position:absolute; left:290px; top:192px; }
.map_pic ul li.henan{position:absolute; left:236px; top:164px; }
.map_pic ul li.shandong{position:absolute; left:497px; top:219px; }
.map_pic ul li.shanxi{position:absolute; left:285px; top:164px; }
.map_pic ul li.shannxi{position:absolute; left:220px; top:121px; }
.map_pic ul li.hebei{position:absolute; left:255px; top:101px; }
.map_pic ul li.tianjin{position:absolute; left:279px; top:174px; }
.map_pic ul li.beijing{position:absolute; left:267px; top:160px; }
.map_pic ul li.liaoning{position:absolute; left:239px; top:140px; }
.map_pic ul li.jilin{position:absolute; left:260px; top:100px; }
.map_pic ul li.heilongjiang{position:absolute; left:20px; top:55px; }
.map_pic ul li.neimenggu{position:absolute; left:262px; top:170px; }
.map_pic ul li.ningxia{position:absolute; left:250px; top:220px; }
.map_pic ul li.gansu{position:absolute; left:250px; top:170px; }
.map_pic ul li.qinghai{position:absolute; left:230px; top:243px; }
.map_pic ul li.xizang{position:absolute; left:130px; top:190px; }
.map_pic ul li.xinjiang{position:absolute; left:125px; top:160px; }





.map_pic ul li p{display:block; width:13px; height:22px; cursor:pointer;}
.map_pic ul li:hover p, .map_pic ul li.act p{background:url(../img/map05.png) no-repeat;}
 .map_pic ul li.act article{display:block;}
.map_pic ul li article{z-index:1; display:none; width:100px; height:35px; line-height:35px; text-align:center; background:#e67817; border-radius:5px; color:#fff; margin-left:-50px; position:absolute; left:50%; bottom:100%;}
.map_pic ul li article:after{content:''; position:absolute; left:50%; top:100%; margin-left:-6px; border-color:#e67817 transparent transparent transparent; border-style: solid; border-width: 6px;}
.map_rl{float:right; width: calc(100% - 10px); margin-top:15px; }
.map_rl .select-wrapper{margin-left:0;}
.map_rl .select-button{ border-radius:0; background:#fff; width:100%; color:#636363; text-align:left; font-size:16px; font-weight:bold;}
.map_rl .select-down{border-color:#fff transparent transparent transparent ;}

.map_nr{overflow:hidden;}
.map_nr article{ margin-top:12px; overflow:hidden; font-size:16px; line-height:38px;}



/*视频图标*/
.video_list ul li span {/*width: 100%;height: 208px;margin-top: -208px;background: url(../img/video.png) center center no-repeat;position: absolute;*/display: block; background-size:20%;}



.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 50%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 50%; border: 0; }
.slide .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 30px; width: 19px; background: transparent url("../img/themes.gif") no-repeat left top; margin-top: -15px; background-size:38px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }


/*课程介绍 轮播*/

.tab_menuli li.selected {
    color: #000;
    background: url(../img/hei_line2.jpg) no-repeat center bottom;
}
.tab_menuli li{width: 20%;font-size: 14px;float: left;display: block;text-align: center;height: 34px;line-height: 34px;}

.friend{height:520px;margin:0 auto;overflow:hidden;max-width:320px;}
.mr_frbox{height:520px;width:320px;}

.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;width:28px;position: relative;z-index: 999;top: 50%; left: 0px;}
.mr_frUl{float:left;height:460px;max-width:320px;}

.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:28px;height:46px; position: relative;right: 20px;bottom: 88%;z-index: 999;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:300px;overflow:hidden;position:relative;}
.mr_frUl ul li img{/*display:block;*/width:100%;}
	

}


@media screen and (max-width: 768px){
.products .con4 .biaoge tbody{  overflow-y: auto; display:block; width:768px;}
.products .con4 .biaoge td{ padding:3px 16px;}	
}
@media screen and (max-width: 414px){
.products .con4 .biaoge tbody{   width:414px;}
	
}
@media screen and (max-width: 375px){
.products .con4 .biaoge tbody{   width:375px;}
	
}